<div class="row">
    <div class="col-lg-3 col-6">
        <!-- small box -->
        <div class="small-box bg-info">
            <div class="inner">
                <div class="row">
                    <div class="col-md-6">
                        <h3><{$data.order?$data.order:'0'}></h3>

                        <p>当前单量</p>
                    </div>
                    <div class="col-md-6">
                        <h3><{$data.order_need_send?$data.order_need_send:'0'}></h3>

                        <p>待发货</p>
                    </div>
                </div>
            </div>
            <div class="icon">
                <i class="ion ion-bag"></i>
            </div>
            <a href="<{:url('/admin/order.index/index')}>" class="small-box-footer">查看更多 <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <!-- ./col -->
    <div class="col-lg-3 col-6">
        <!-- small box -->
        <div class="small-box bg-success">
            <div class="inner">
                <h3><{$data.order_pay_rate?$data.order_pay_rate:'0'}><sup style="font-size: 20px">%</sup></h3>

                <p>已付款订单比例</p>
            </div>
            <div class="icon">
                <i class="ion ion-stats-bars"></i>
            </div>
            <a href="<{:url('/admin/order.index/index')}>" class="small-box-footer">查看更多 <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <!-- ./col -->
    <div class="col-lg-3 col-6">
        <!-- small box -->
        <div class="small-box bg-warning">
            <div class="inner">
                <h3><{$data.user?$data.user:'0'}></h3>

                <p>当前用户量</p>
            </div>
            <div class="icon">
                <i class="ion ion-person-add"></i>
            </div>
            <a href="<{:url('/admin/user.index/index')}>" class="small-box-footer">查看更多 <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <!-- ./col -->
    <div class="col-lg-3 col-6">
        <!-- small box -->
        <div class="small-box bg-danger">
            <div class="inner">
                <h3><{$data.credit?$data.credit:'0.00'}></h3>

                <p>总余额</p>
            </div>
            <div class="icon">
                <i class="ion ion-pie-graph"></i>
            </div>
            <a href="<{:url('/admin/caiwu.index/credit')}>" class="small-box-footer">查看更多 <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <!-- ./col -->
</div>

<!-- AREA CHART -->
<!--<div class="card card-primary">
    <div class="card-header">
        <h3 class="card-title">活跃数据</h3>

        <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                <i class="fas fa-minus"></i>
            </button>
            <button type="button" class="btn btn-tool" data-card-widget="remove">
                <i class="fas fa-times"></i>
            </button>
        </div>
    </div>
    <div class="card-body">
        <div class="chart">
            <div id="areaChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></div>
        </div>
    </div>
</div>-->

<!-- LINE CHART -->
<div class="card card-info">
    <div class="card-header">
        <h3 class="card-title">最近订单数据(缓存60秒)</h3>

        <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                <i class="fas fa-minus"></i>
            </button>
            <button type="button" class="btn btn-tool" data-card-widget="remove">
                <i class="fas fa-times"></i>
            </button>
        </div>
    </div>
    <div class="card-body">
        <div id="main"  style="width: 100%;height: 600px;margin-top: 20px"></div>
    </div>
</div>
